<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
	<div class="main-content">

<!--		<div th:replace="~{fragment/left-border :: left}"></div>-->

		<div th:replace="~{fragment/header2 :: header2}"></div>

		<div id="page-wrapper" style="margin-left: 0;">
			<div class="main-page login-page ">
				<h3 class="title1">SignIn Page</h3>
				<div class="widget-shadow">
					<div class="login-top">
						<h4><div style="color: red;" th:text="${session.msg}"></div>Not a Member? <a href="/signup">  Sign Up »</a> </h4>
					</div>
					<div class="login-body">
						<form action="customerService/login" method="post">
							<input type="text" class="user" name="email" placeholder="Enter your email" required="" value="1503@qq.com">
							<input type="password" name="password" class="lock" placeholder="password" value="123">
							<input type="submit" name="Sign In" value="Sign In">
							<div class="forgot-grid">
								<div class="clearfix"> </div>
							</div>
						</form>
					</div>
				</div>
				
<!--				<div class="login-page-bottom">-->
<!--					<h5> - OR -</h5>-->
<!--					<div class="social-btn"><a href="#"><i class="fa fa-facebook"></i><i>Sign In with Facebook</i></a></div>-->
<!--					<div class="social-btn sb-two"><a href="#"><i class="fa fa-twitter"></i><i>Sign In with Twitter</i></a></div>-->
<!--				</div>-->
			</div>
		</div>
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
</body>
</html>